@charset "utf-8";
/* 
 * Project Name:华信高科
 * Author:位置
 * Date：2016-8-12
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
/* always display scrollbars */
body { font: 12px/1.8 "Microsoft YaHei New","Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color: #989898; background-color: #fff; _background-attachment:fixed; 
_background-image:url(about:blank);}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, select { vertical-align: middle; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; padding:0;}
img { border: 0; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] ,select{ -webkit-appearance: none; border-radius: 0;}
textarea { -webkit-appearance: none; border-radius: 0; background:none; outline:none; padding:0; margin:0; border:none;}
::-moz-selection { background: #f7a300; color: #fff; text-shadow: none; }
::selection { background: #ccc; color: #fff; text-shadow: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.inner { width:1200px; margin: 0px auto;}

@font-face {
    font-family: 'youyuanregular';
    src: url('_-webfont.woff2') format('woff2'),
         url('_-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*header*/
.header-box{ padding:19px 0 15px; background:rgba(255,255,255,0.8); background:#fff\9; filter:alpha(opacity=80); position:fixed; left:0; top:0; width:100%; z-index:299; transition:455ms;}
.header-box.scoll{ padding:10px 0; background:rgba(255,255,255,1); filter:alpha(opacity=100);}
.header-box.scoll .logo .logopc{ width:140px;}
.header-box.scoll .nav{ margin-top:14px;}
.header-box.scoll .edition{ margin-top:14px;} 
.header-box.scoll .search{ margin-top:9px;}
.header-box.scoll .jiathis_style{ margin-top:18px;}
.header{ padding:0 98px 0 118px; position:relative; z-index:20;}
.logo{ float:left; width:164px; line-height:normal; transition:420ms;}
.logo img{ display:block; width:100%; height:auto; line-height:0;}
.logo .logoiph{ display:none;}
.header-right{ float:right;}
.nav{ float:left; margin-top:26px; }
.nav li{ float:left; margin-right:34px; line-height:normal;}
.nav li:last-child{ margin-right:0;}
.nav li a{ display:inline-block; line-height:normal; color:#5d5d5d; font-size:15px; transition:460ms;}
.nav li a:hover,.nav li a.on{ color:#eb6123;}
.edition{ float:left; margin-left:20px; position:relative; margin-top:26px;} 
.edition span{ display:block; color:#5d5d5d; padding-left:36px; width:28px; height:23px; line-height:23px; position:relative; cursor:pointer; z-index:5;}
.edition i{ display:block; width:22px; height:22px; background:url(../images/edite.png) center no-repeat; position:absolute; left:0; top:0;}
.edition span:before{ content:""; width:7px; height:4px; background:url(../images/down.png) center no-repeat; position:absolute; right:0; top:11px;}
.edite-down{ background:#fff; display:none; position:absolute; width:100%; left:0; top:22px;}
.edite-down li{ cursor:pointer; line-height:22px; color:#5d5d5d; text-align:center;}
.menuBtn{ cursor:pointer; display:none; position:relative; float:right; width:45px; height:27px; margin-top:6px;}
.menuBtn .burger{ display:block; width:100%; height:3px; position:absolute; left:0; background:#fff; transition: transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; transition:transform 277ms ease-in-out; -o-transition:transform 277ms ease-in-out; -ms-transition:transform 277ms ease-in-out; -moz-transition:transform 277ms ease-in-out; }
.menuBtn .burger-1{ top:0;}
.menuBtn .burger-2{ top:12px;}
.menuBtn .burger-3{ bottom:0;}
.menuBtn.active .burger-1 { top:10px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.menuBtn.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0;}
.menuBtn.active .burger-3 { top:10px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.menus{ display:none; position:fixed; width:100%; height:100%; background:#ededed; left:0; top:0;overflow-y: auto;}
.menu-list li{ border-bottom:1px solid #cbc9c3;/* -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX;*/}
.menu-list li a{ display:block; line-height:48px; color:#5d5d5d; font-size:15px; padding-left:5%; position:relative;}
.menu-list li a:before{ content:""; width:8px; height:13px; background:url(../images/arrow.png) center no-repeat; position:absolute; right:33px; top:50%; margin-top:-6px; transition:350ms;}
.menu-list li a:hover,.menu-list li a:focus{ color:#eb6123;}
.menu-list li a:hover:before,.menu-list li a:focus:before{ background:url(../images/arrow1.png) center no-repeat;}

@-webkit-keyframes flipInX {
  from {
	-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
	opacity: 0;
  }

  40% {
	-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
	transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
  }

  60% {
	-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
	transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
	opacity: 1;
  }

  80% {
	-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
	-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
	opacity: 0;
  }

  40% {
	-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
	transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
  }

  60% {
	-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
	transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
	opacity: 1;
  }

  80% {
	-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px);
  }
}


.banner { width: 100%; margin: 0px auto; overflow: hidden; color: #fff; background-color:#969696; position: relative;}
.banner .slides{ position:relative; z-index:20;margin-top: 0;}
.banner .slides li{ -webkit-transition:opacity 1s cubic-bezier(.165, .74, .44, 1);transition:opacity 1s cubic-bezier(.165, .74, .44, 1);}
.banner .slides .bimg{ -webkit-transition:all 1s cubic-bezier(.165, .74, .44, 1);transition:all 1s cubic-bezier(.165, .74, .44, 1);}
.banner .slides li.sc-b-c .bimg{ transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 0;}
.banner .slides li img{ display:block; width:100%; height:auto; position:relative;}
.banner .slides li.sc-b-c .bimg{ opacity: 0;}
.banner .bimg { width: 100%; display: block; }
.bannerText{ position:absolute; width:480px; left:50%; height:165px; margin-left:-240px; top:50%; margin-top:-82px; z-index:200; background:rgba(0,0,0,0.2); background:url(../images/bannerbg.png) repeat\9;}
.bann{ width:100%; height:100%; position:relative;}
.banne-list{ position:relative; height:100%;}
.banne-list li{ opacity:0; transform:translateY(30px); -webkit-transform:translateY(30px); -moz-transform:translateY(30px); transition:1000ms 200ms;  position:absolute; left:0; top:0; width:100%; height:100%; visibility:hidden; padding-top:28px;}
.banne-list h3{ color:#fff; margin-bottom:8px; font-size:30px; line-height:normal; visibility:hidden; opacity:0; text-align:center; padding:0 10px;} 
.banne-list small{ position:relative; text-align:center; visibility:hidden; opacity:0; color:#fff; display:block; font-size:18px; font-family:"Arial"; line-height:normal;}

.banne-list li.on{ opacity:1; visibility:visible; transform:translateY(0); }
.banne-list li.on h3{ visibility:visible; opacity:1;}
.banne-list li.on small{ opacity:1; visibility:visible;}
.bamnline{ position:absolute; left:0; bottom:0; width:100%; height:4px; background:#fff;}
.bamnline span{ display:block; width:0; height:4px; background:#008c82;}
.bamnline.load span{ width:100%; transition:5s linear; -webkit-transition:5s linear; -moz-transition:5s linear; }

.tabbtn{ display:block; width:7px; height:13px; position:absolute; bottom:15px; cursor:pointer; transition:330ms; z-index:20;}
.tabbtn.prev{ background:url(../images/prev.png) center no-repeat; left:26px;}
.tabbtn.next{ background:url(../images/next.png) center no-repeat; right:26px;}
.tabbtn.prev:hover{ background:url(../images/prev1.png) center no-repeat;}
.tabbtn.next:hover{ background:url(../images/next1.png) center no-repeat;}
.numble{ position:absolute; left:0; bottom:12px; text-align:center; width:100%;}
.defual{ display:inline-block; text-align:center; line-height:normal;}
.defual:nth-child(1){ font-size:14px;}
.defual:nth-child(1) span{ font-size:14px;}
.defual span{ display:inline-block; line-height:normal; color:#ffffff; font-size:12px; font-family:"Arial"; }
.defual b{ display:inline-block; color:#ffffff; font-size:12px; font-family:"Arial"; margin-right:2px; margin-left:2px; font-weight:normal;}
.banndown{ display:block; width:27px; height:37px; background:url(../images/scoll.png) center no-repeat; position:absolute; left:50%; margin-left:-13px; bottom:21px; cursor:pointer; z-index:30;}

.value{ padding:68px 0 75px; text-align:center;}
.value-title{ text-align:center; margin-bottom:56px;}
.value-title small{ display:block; text-align:center; color:#c5c5c5; font-size:32px; line-height:normal; font-family:Arial; margin-bottom:10px;}
.value-title h2{ line-height:normal; text-align:center; color:#5d5d5d; font-size:32px; margin-bottom:20px; font-weight:normal;}
.value-title span{ display:block; width:23px; height:14px; background:url(../images/donw1.jpg) center no-repeat; margin:auto;}
.value p{ color:#5d5d5d; font-size:14px; width:708px; margin:auto;}
.suremore{ margin:auto; margin-top:38px; width:134px; height:37px; border:2px solid #eb6123; overflow:hidden; position:relative;}
.suremore a{ display:block; line-height:37px; color:#eb6123; text-align:center; font-size:14px; position:relative; z-index:5;}
.suremore:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:100%; background:#eb6123; transition:360ms;}
.suremore:hover:before{ top:0;}
.suremore:hover a{ color:#fff;}
.solutes{ width:33.33333%; float:left; position:relative;}
.solutes img{ display:block; width:100%; height:auto; line-height:0;}
.solutes figcaption{ position:absolute; left:0; top:50%; width:100%; margin-top:-83px; text-align:center;}
.solutes figcaption h2{ color:#fff; font-size:24px; font-weight:normal; text-align:center;}
.solutes figcaption small{ display:block; text-align:center; line-height:normal; color:#fff; font-size:14px; font-family:Arial;}
.solutes figcaption a{ display:block; width:39px; height:39px; border:2px solid #fff; position:relative; margin:auto; margin-top:64px;}
.solutes figcaption a:before{ content:""; width:7px; height:13px; background:url(../images/next.png) center no-repeat; position:absolute; left:16px; top:14px; transition:300ms;}
.solutes figcaption a:hover:before{ left:19px;}
.solute-info{ width:33.33333%; float:left; position:relative; overflow:hidden;}
.solute-info figure{ display:block; line-height:normal; overflow:hidden;}
.solute-info figure img{ display:block; line-height:0; width:100%; height:auto;}
.solute-info figcaption{ position:absolute; left:0; bottom:0; width:100%; transition:400ms; padding-top:49px; background:url(../images/boxbg.png) repeat-x; padding-bottom:18px;}
.solute-info figcaption h4{ color:#ffffff; font-size:18px; font-weight:normal; line-height:normal; width:192px; padding-bottom:8px; border-bottom:2px solid #fff; float:left; margin-left:15px;}
.solute-info figcaption b{ display:block; width:13px; height:7px; background:url(../images/top.png) center no-repeat; float:right; margin-right:36px; margin-top:21px;}
.solute-info .sulute-wr{ position:absolute; left:0; top:-100%; width:100%; height:100%; background:rgba(0,0,0,0.5); background:#000\9; filter:alpha(opacity=50); opacity:0; visibility:hidden; transition:420ms 0ms;}
.solute-info .sulute-wr mark{ background:none; position:absolute; left:0; top:50%; width:100%; text-align:center; margin-top:-130px;}
.solute-info .sulute-wr mark h3{ color:#ffffff; font-size:24px; text-align:center; line-height:normal; font-weight:normal; padding-bottom:20px; position:relative; margin-bottom:32px;}
.solute-info .sulute-wr mark h3:before{ content:""; width:46px; height:2px; background:#eb6123; position:absolute; left:50%; margin-left:-23px; bottom:0;}
.solute-info .sulute-wr mark p{ color:#ffffff; font-family:Arial; text-align:center; line-height:2.2; width:75%; margin:auto; margin-bottom:93px; height:52px; overflow:hidden;}
.solute-info .sulute-wr mark .checkmore{ width:122px; height:28px; border:2px solid #fff; margin:auto; position:relative; overflow:hidden; transition:300ms;}
.solute-info .sulute-wr mark .checkmore a{ display:block; text-align:center; line-height:28px; color:#ffffff; position:relative; z-index:5;}
.solute-info .sulute-wr mark .checkmore:after{ content:""; position:absolute; width:100%; height:100%; left:0; top:100%; background:#eb6123; transition:320ms;}
.solute-info .sulute-wr mark .checkmore:hover{ border-color:#eb6123;}
.solute-info .sulute-wr mark .checkmore:hover:after{ top:0;}
.solute-info:hover figcaption{ bottom:-30px; opacity:0; visibility:hidden;}
.solute-info:hover .sulute-wr{ opacity:1; visibility:visible; top:0; transition:450ms 160ms;}
.success-case{ padding:65px 0; background:#ededed; overflow:hidden;}
.case-banner{ width:69.5%; float:left; background:#fff; position:relative;}
.case-tab{ position:relative;}
.case-list li:hover figure img{ transform:scale(1.04); -webkit-transform:scale(1.04); -moz-transform:scale(1.04);}
.case-list li:hover .tab-wr h3{ color:#eb6123;}
.case-list li figure{ display:block; line-height:normal; width:59.6%; float:left; overflow:hidden;}
.case-list li figure img{ display:block; line-height:0; width:100%; height:auto; transition:460ms;}
.case-list li figcaption{ display:block; width:33%; margin-right:30px; float:right;}
.tab-wr{ margin-top:162px;}
.tab-wr h3{ color:#5d5d5c; font-size:16px; transition:420ms; font-weight:normal; line-height:normal; margin-bottom:10px;}
.tab-wr p{ color:#6c6c6c; font-family:Arial; line-height:2;}
.case-tab .flex-direction-nav{ position:absolute; right:0; bottom:0; line-height:0; z-index:20;}
.case-tab .flex-direction-nav li{ display:inline-block; line-height:0;}
.case-tab .flex-direction-nav li a{ display:inline-block; width:31px; height:26px; text-indent:999px; overflow:hidden;}
.case-tab .flex-direction-nav li a.flex-prev{ background:#e5e5e5 url(../images/prev.png) center no-repeat;}
.case-tab .flex-direction-nav li a.flex-prev:hover{ background:#eb6123 url(../images/prev.png) center no-repeat;}
.case-tab .flex-direction-nav li a.flex-next{ background:#e5e5e5 url(../images/next.png) center no-repeat;}
.case-tab .flex-direction-nav li a.flex-next:hover{ background:#eb6123 url(../images/next.png) center no-repeat;}
.success-title{ width:33%; position:absolute; right:30px; top:33px; z-index:20; padding-bottom:30px; border-bottom:1px solid #cecece;}
.success-title h2{ color:#eb6123; font-size:20px; line-height:normal; font-weight:normal; margin-bottom:4px;}
.success-title small{ color:#5d5d5d; font-size:16px; line-height:1.1; font-family:Arial;}
.success-title a{ display:block; width:18px; height:18px; border:1px solid #a3a3a3; position:absolute; right:0; top:0;}
.success-title a:before{ content:""; width:5px; height:5px; background:url(../images/more.png) center no-repeat; transition:448ms; position:absolute; left:50%; top:50%; margin-left:-3px; margin-top:-3px;}
.success-title a:hover{ border-color:#eb6123;}
.success-title a:hover:before{ background:url(../images/more1.png) center no-repeat; transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg);}
.customer{ width:27%; float:right; background:#008c82; height:344px; overflow:hidden; position:relative;}
.customer img{ display:block; width:100%; height:auto;}
.customer:hover figcaption{ bottom:0;}
.customer figcaption{ display:block; padding:22px 18px 35px 18px; position:absolute; left:0; bottom:-100px; transition:320ms ease-in-out; box-sizing:border-box; width:100%; background:#008c82;}
.customer figcaption h2{ font-weight:normal; line-height:normal; color:#fff; font-size:20px; padding-bottom:20px; border-bottom:1px solid #fff;}
.customer figcaption h2 small{ display:inline-block; margin-left:12px; font-size:16px; font-family:Arial;}
.customer figcaption b{ display:block; margin-top:25px; padding-left:46px; line-height:39px; background:url(../images/tel.png) left center no-repeat; color:#fff; font-size:30px; font-family:Arial; font-style:italic;}
.footer-box{ position:relative;}
.footer{ padding:44px 0 17px;}
.footer-address{ float:left;width: 64%;} 
.footer-address h1{ color:#6c6c6c; font-size:24px; line-height:normal; font-weight:normal; margin-bottom:26px;}
.footer-address address{ display:block; font-style:normal; margin-bottom:34px;}
.footer-address address p{ color:#6c6c6c; font-size:14px; margin-bottom:2px;}
.footer-address address p b{ display:inline-block; font-weight:bold;}
.linec{ width:81px; height:23px; background:url(../images/lineqq.png) center no-repeat;}
.linec a{ color:#fff; display:block; line-height:23px; margin-left:26px;}
.linec a:hover{ text-decoration:underline;}
.footer-right{ float:right;}
.eq{ margin-bottom:74px; text-align:right;}
.eq-info{ display:inline-block;}
.eq-info:nth-child(1){ margin-right:20px;}
.eq-info img{ display:block; width:85px; height:85px;}
.eq-info span{ display:block; text-align:center; margin-top:18px; line-height:normal; color:#6c6c6c;}
.footer-list li{ float:left;}
.footer-list li a{ display:inline-block; padding:0 9px; line-height:normal; color:#6c6c6c; position:relative;}
.footer-list li a:before{ content:""; width:1px; height:13px; position:absolute; right:0; top:50%; margin-top:-6px; background:#6c6c6c;}
.footer-list li:last-child a{ padding-right:0;}
.footer-list li:last-child a:before{ display:none;}
.footer-list li a:hover{ color:#eb6123;}
.plan{ padding:14px 0; background:#008c82; text-align:center;}
.plan a{ display:inline-block; color:#fff; text-transform:uppercase; transition:340ms;}
.plan a:hover{ color:#d3d3d3;}
.plan a:first-child{ margin-right:22px;}
.backtop{ width:107px; height:62px; background:#d3d3d3; position:absolute; right:56px; bottom:78px; z-index:99; overflow:hidden; cursor:pointer;}
.backtop span{ display:block; padding-top:33px; line-height:normal; color:#fff; text-align:center; font-family:Arial; background:url(../images/top1.png) center 11px no-repeat; position:relative; z-index:10;}
.backtop:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:100%; transition:300ms; background:#eb6123;}
.backtop:hover:before{ top:0;}

.pbanner{ position:relative; overflow:hidden;}
.pbanner img{ display:block; width:100%; height:auto;}
.pbanner figcaption{ display:block; width:1200px; position:absolute; left:50%; margin-left:-600px; bottom:30px;}
.pbanner figcaption h3{ line-height:normal; color:#ffffff; font-size:60px; margin-bottom:10px;}
.pbanner figcaption small{ display:block; line-height:normal; color:#fff; font-family:Arial; font-size:30px;}
.story{ padding:56px 0 88px;}
.story-title{ margin-bottom:56px;}
.story-title h2{ font-weight:normal; line-height:normal; color:#eb6123; font-size:32px; margin-bottom:6px;}
.story-title small{ display:block; color:#c5c5c5; font-size:14px; font-family:Arial; line-height:normal;}
.story p{ color:#5d5d5d; font-size:14px; width:100%;}
.idea-box{ padding:62px 0; background:#008c82;}
.idea-info{ width:30.5%; height:379px; float:left; background:#fff; margin-right:4.25%; overflow:hidden; position:relative;}
.idea-info:last-child{ margin-right:0;}
.idea-info figure{ display:block; line-height:normal; overflow:hidden;}
.idea-info figure img{ display:block; width:100%; height:auto;}
.idea-info figcaption{ display:block; width:100%; height:75px; line-height:75px; text-align:center; color:#5d5d5d; font-size:16px; background:#fff; position:relative; transition:330ms;}
.idea-text{ width:92.4%; height:92.4%; position:relative; box-sizing:border-box; border:1px solid #eb6123; position:relative; left:3.7%; margin-top:3.7%; transition:588ms;}
.idea-wr{  width:100%; position:absolute; left:0; top:50%; margin-top:-86px;}
.idea-wr h3{ color:#eb6123; font-size:30px; text-align:center; font-weight:normal; line-height:normal; margin-bottom:5px;}
.idea-wr small{ display:block; text-align:center; color:#eb6123; font-family:Arial; line-height:normal; padding-bottom:28px; font-size:20px; position:relative;}
.idea-wr small:before{ content:""; width:85.4%; height:1px; background:#eb6123; position:absolute; left:50%; margin-left:-42.7%; bottom:0;}
.idea-wr span{ padding-top:27px; line-height:normal; color:#eb6123; text-align:center; padding-bottom:26px; width:100%; display:block; font-size:18px;}
.idea-wr span:after{ content:""; width:46px; height:1px; background:#eb6123; position:absolute; left:50%; margin-left:-23px; bottom:0;}
.idea-info:hover .idea-text{ }
.history-box{ padding:52px 0 60px; background-size:cover !important;}
.development{ float:left; margin-top:24px; width:370px;}
.development h2{ color:#eb6123; font-size:32px; font-weight:normal; line-height:normal; margin-bottom:4px;}
.development small{ color:#c5c5c5; font-size:14px; font-family:Arial; line-height:normal; display:block;}
.development p{ margin-top:55px; color:#5d5d5d; font-size:14px; line-height:2;}
.historytabe{ float:left; margin-left:108px;}
.historytabe strong{ display:block; width:38px; height:38px; background:url(../images/scale.png) center no-repeat; margin-left:102px;}
.history-fix{ position:relative; margin-top:22px; width:710px; overflow:hidden; cursor:url(../images/mouse.png) 16 16, default;}
.history-bg{ width:7px; height:100%; border-radius:3px; overflow:hidden; position:absolute; left:119px; top:0; background:#84675b;}
.history-bg i{ display: block; border-radius: 4px; height: 80px; background-color: #eb6123; transition: 400ms; -ms-transition: 400ms; -webkit-transition: 400ms; -moz-transition: 400ms;}
.history-list{ position:relative;}
.history-list li{ padding-top:46px; height:46px; position:relative; padding-left:132px;}
.history-list li:nth-child(2n+2){ padding-left:0;}
.history-list li .dot{ display:block; width:21px; height:5px; background:#eb6123; border-radius:2px; position:relative; top:7px; display:none;}
.history-list li .year{ color:#5d5d5d; font-size:24px; line-height:normal; padding-left:28px; position:relative;}
.history-list li .year:before{ content:""; width:11px; height:3px; background:#5d5d5d; position:absolute; left:0; top:50%; margin-top:-1px;}
.history-list li.act .dot{ display:block;}
.history-list li.act .year{ display:none;}
.history-list li.act .history-info{ opacity:1; visibility:visible; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
.history-list li:nth-child(2n+2) .year{ padding-left:0; padding-right:28px;}
.history-list li:nth-child(2n+2) .year:before{ left:97px;} 
.history-info{ position:absolute; left:338px; width:369px; opacity:0; visibility:hidden; transform:scale(0.8); -webkit-transform:scale(0.8); -moz-transform:scale(0.8); transition:400ms; -webkit-transition:400ms;}
.history-info:before{ content:""; width:14px; height:26px; background:url(../images/arrow2.png) center no-repeat; position:absolute; left:-14px; top:34px;}
.history-t{ position:relative;}
.history-t b{ color:#ffffff; font-size:48px; display:block; padding-left:20px; line-height:101px; background:#eb6123; font-weight:normal; position:relative;}
.history-t b:before{ content:""; width:23px; height:6px; background:#fff; position:absolute; left:210px; top:50%; margin-top:-3px;}
.history-t small{ display:block; padding-right:65px; color:#fdfdfd; font-family:Arial; line-height:2; height:48px; background:url(../images/calder.png) right top no-repeat; position:absolute; right:4px; top:7px; padding-top:5px;}
.history-text{ padding:34px; background:#fff;}
.history-text p{ color:#5d5d5d; font-size:14px; margin-bottom:30px;}
.history-text img{ display:block; width:100%; height:auto;}
.history-icon{ width:385px; left:-70px; margin-top:160px; position:relative;}
.history-icon:before{ content:""; width:24px; height:26px; background:url(../images/downico.png) center no-repeat; position:absolute; left:50%; margin-left:-12px; top:-8px;}
.history-icon span:before{ content:""; width:40.5%; height:1px; background:#84675b; position:absolute; left:0; top:0;}
.history-icon span:after{ content:""; width:40.5%; height:1px; background:#84675b; position:absolute; right:0; top:0;}

/*new*/
.new-box{ background:#ededed;}
.new-title{ background:#fff;}
.commontitle li{ float:left; margin-right:14px;}
.commontitle li:last-child{ margin-right:0;}
.commontitle li a{ display:inline-block; position:relative; padding:20px 15px 26px; line-height:normal; color:#5d5d5d; font-size:14px;}
.commontitle li a:before{ content:""; width:0; height:6px; background:#eb6123; position:absolute; left:0; bottom:0; transition:340ms;}
.commontitle li a:hover:before,.commontitle li a.now:before{ width:100%;}
.news{ padding:115px 0;}
.new-list li{ width:32%; margin-right:2%; float:left; margin-bottom:60px;}
.new-list li:nth-child(3n+3){ margin-right:0;}
.new-list li figure{ display:block; line-height:normal; overflow:hidden;}
.new-list li figure img{ display:block; width:100%; height:auto; line-height:0; transition:430ms;}
.new-list li figcaption{ display:block; padding:22px 16px 18px; overflow:hidden; background:#fff; position:relative; transition:340ms; height:117px;}
.new-list li figcaption time{ line-height:normal; color:#7e7e7e; font-size:14px; transition:300ms;}
.new-list li figcaption h3{ color:#1b1b1b; font-size:18px; font-weight:normal; line-height:normal; margin-top:6px; transition:300ms;}
.new-list li figcaption p{ color:#6c6c6c; height:64px; overflow:hidden; font-size:14px; line-height:2; margin-top:16px; transition:300ms;}
.new-list li figcaption span{ display:block; width:102px; height:30px; line-height:30px; background:#fff; color:#eb6123; font-size:14px; margin-top:12px; position:relative; bottom:-30px; opacity:0; text-align:center; transition:300ms;}
.new-list li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.new-list li:hover figcaption{ margin-top:-56px; background:#eb6123; height:173px;}
.new-list li:hover figcaption time{ color:#fff;}
.new-list li:hover figcaption h3{ color:#fff;}
.new-list li:hover figcaption p{ color:#fff;}
.new-list li:hover figcaption span{ opacity:1; bottom:0; position:relative; transition:355ms 100ms;}
.pagelist{ text-align:center;}
.pages{ display:inline-block; margin:auto;}
.pages a{ display:inline-block; float:left; background:#fff; text-align:center; height:25px; line-height:25px; color:#7b7b7b;}
.pages a.prev{ width:45px;}
.pages a.home{ margin-right:8px;}
.pages a.last{ margin-left:8px;}
.pages a:hover{ color:#fff; background:#eb6123;}
.pages a.prpage{ width:25px;}
.pages a.pre{ margin-right:8px;}
.pages a.nex{ margin-left:8px;}
.pages a.nuble{ width:32px; margin-right:1px;}
.pages a.act{ color:#fff; background:#eb6123;}
/*新闻内页*/
.mtop{ height:86px;}
.backlist{ height:44px; padding-top:1px; background:url(../images/backbg.jpg) left top repeat;}
.backwr{ width:1098px; margin:auto;}
.backwr a{ display:inline-block; color:#ffffff; font-size:14px; padding:0 18px; height:42px; background:#eb6123; line-height:42px;}
.backwr a:hover{ text-decoration:underline;}
.list-wr{ width:1098px; margin:auto;}
.list-wr a{ display:block; width:109px; height:42px; text-align:center; background:#eb6123; color:#fff; line-height:42px;}
.new-titd{ padding:76px 0 12px; border-bottom:1px solid #ededed;}
.new-titlea{ width:1098px; margin:auto;}
.new-titlea h3{ color:#373737; font-size:30px; line-height:normal; font-weight:normal; margin-bottom:46px;}
.time span{ display:inline-block; float:left; color:#626262; margin-right:20px;}
.new-text{ padding:92px 0 180px; width:1098px; margin:auto;}
.new-text img{ max-width:100%; height:auto !important; width:auto !important;}
.new-text p{ color:#626262; font-size:16px; margin-bottom:30px;}
.new-text span{ display:block; color:#626262; font-size:18px;}
.share-box{ background:#ededed;}
.share{ position:relative; height:110px;}
.page{ float:left; margin-top:30px;}
.page a{ display:block; color:#626262; font-size:14px;}
.page a:hover{ color:#eb6123;}
.pone{ float:right;}
.sharelist{ width:212px; position:absolute; left:50%; margin-left:-106px; top:0; padding-top:33px; height:78px; background:#d3d3d3; text-align:center;}
.sharelist p{ color:#626262; font-size:14px; line-height:normal; text-align:center; margin-bottom:12px;}
.sharelist .jiathis_style{ text-align:center;}
.sharelist .jiathis_style a{ display:inline-block !important; float:none;}

/*解决方案*/
.product-icon{ padding:20px 0 18px; background:#008c82; text-align:center;}
.icon-list{ display:inline-block; margin:auto;}
.icon-list li{ margin-right:90px; float:left;}
.icon-list li:last-child{ margin-right:0;}
.icon-list li b{ display:block; width:42px; height:42px; border:2px solid #fff; margin:auto; position:relative; overflow:hidden;}
.icon-list li b:before{ content:""; width:100%; z-index:5; height:100%; position:absolute; left:0; top:0; transition:330ms;}
.icon-list li b:after{ content:""; width:100%; height:100%; background:#fff; position:absolute; left:0; top:0; transform-origin:left top; -webkit-transform-origin:left top; -moz-transform-origin:left top; transition:320ms; transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
.icon-list li span{ display:block; text-align:center; color:#fff; line-height:normal; margin-top:6px; font-size:14px;}
.icon-list li:nth-child(1) b:before{ background:url(../images/pro1.png) center no-repeat;}
.icon-list li:nth-child(2) b:before{ background:url(../images/pro2.png) center no-repeat;}
.icon-list li:nth-child(3) b:before{ background:url(../images/pro3.png) center no-repeat;}
.icon-list li:nth-child(4) b:before{ background:url(../images/pro4.png) center no-repeat;}
.icon-list li:nth-child(5) b:before{ background:url(../images/pro5.png) center no-repeat;}
.icon-list li:nth-child(6) b:before{ background:url(../images/pro6.png) center no-repeat;}
.icon-list li:hover b:after,.icon-list li.on b:after{ transform:rotate(0); -webkit-transform:rotate(0); -moz-transform:rotate(0);}
.icon-list li:nth-child(1):hover b:before,.icon-list li:nth-child(1).on b:before{ background:url(../images/pro1_1.png) center no-repeat;}
.icon-list li:nth-child(2):hover b:before,.icon-list li:nth-child(2).on b:before{ background:url(../images/pro2_1.png) center no-repeat;}
.icon-list li:nth-child(3):hover b:before,.icon-list li:nth-child(3).on b:before{ background:url(../images/pro3_1.png) center no-repeat;}
.icon-list li:nth-child(4):hover b:before,.icon-list li:nth-child(4).on b:before{ background:url(../images/pro4_1.png) center no-repeat;}
.icon-list li:nth-child(5):hover b:before,.icon-list li:nth-child(5).on b:before{ background:url(../images/pro5_1.png) center no-repeat;}
.icon-list li:nth-child(6):hover b:before,.icon-list li:nth-child(6).on b:before{ background:url(../images/pro6_1.png) center no-repeat;}

.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { position: relative; width: 100%; height: 100%; overflow: hidden; }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel .owl-item { float: left; }
.owl-controls .owl-page,
.owl-controls .owl-buttons div { cursor: pointer; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.grabbing { cursor: url(grabbing.png) 8 8, move; }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); height: 100%; }
.owl-theme .owl-controls { text-align: center; }
.owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; }
.owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; text-decoration: none; }
.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ }
.owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }

.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.owl-item.loading { min-height: 150px; background: url(../images/AjaxLoader.gif) no-repeat center center; }

.owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px; }
.owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; }
.owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; }
.owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; }
.owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; }
.owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; }
.owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; }
.owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; }
.owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; }

.product-box{ background:#ededed; padding-bottom:70px;}
.solute-box{ padding:50px 0;}
.solute-box h2{ color:#1b1b1b; font-size:18px; font-weight:normal; line-height:normal; float:left; position:relative; top:-2px; margin-bottom:32px;}
.solute-banner{ float:right; width:100%; position:relative;}
.solute-wr{ position:relative;}
.solute-list li figure{ display:block; line-height:normal; position:relative; overflow:hidden;}
.solute-list li figure mark{ position:absolute; left:0; top:0; box-sizing:border-box; width:100%; height:100%; background:rgba(0,140,130,.2); background:#008c82\9; filter:alpha(opacity=20); z-index:20; opacity:0; transform:skewX(45deg); visibility:hidden; transition:360ms;}
.solute-list li figure mark b{ display:block; width:46px; height:46px; position:absolute; left:50%; top:50%; margin-left:-23px; margin-top:-23px; z-index:30;}
.solute-list li figure mark b:before{ content:""; width:100%; height:1px; background:#eb6123; position:absolute; left:0; top:23px; transform:translateX(-200px); -webkit-transform:translateX(-200px); -moz-transform:translateX(-200px);}
.solute-list li figure mark b:after{ content:""; width:1px; height:100%; background:#eb6123; position:absolute; left:23px; top:0; transform:translateY(-200px); -webkit-transform:translateY(-200px); -moz-transform:translateY(-200px);}

.solute-list li figure mark:before{ content:""; width:100%; height:0%; border-left:3px solid #eb6123; border-right:3px solid #eb6123; box-sizing:border-box; position:absolute; left:0; top:0; transition:320ms;}
.solute-list li figure mark:after{ content:""; width:0%; height:100%; border-top:3px solid #eb6123; border-bottom:3px solid #eb6123; box-sizing:border-box; position:absolute; left:0; top:0; transition:320ms;}

.solute-list li figure img{ display:block; width:100%; height:auto; transition:444ms;}
.solute-list li figcaption{ display:inline-block; color:#5d5d5d; font-size:14px; line-height:normal; margin-top:14px; transition:350ms;}
.solute-list .owl-item li{ padding:0 15px;}
.solute-list .owl-item li:hover figure mark{ opacity:1; transform:skewX(0); visibility:visible;}
.solute-list .owl-item li:hover figure mark:before{ height:100%; transition:330ms 200ms;}
.solute-list .owl-item li:hover figure mark:after{ width:100%; transition:330ms 200ms;}
.solute-list .owl-item li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.solute-list .owl-item li:hover figure mark b:before{ transition:355ms 180ms; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0);}
.solute-list .owl-item li:hover figure mark b:after{ transition:355ms 240ms; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}
.solute-list .owl-item li:hover figcaption{ color:#eb6123;}
.solute-wr .owl-theme .owl-controls .owl-buttons div{ width:32px; height:32px; padding:0; margin:0; text-indent:999px; overflow:hidden; border-radius:0; position:absolute; top:94px; transition:330ms;}
.solute-wr .owl-theme .owl-controls .owl-buttons div.owl-prev{ background:#a1a1a1 url(../images/prev.png) center no-repeat; left:-34px;}
.solute-wr .owl-theme .owl-controls .owl-buttons div.owl-prev:hover{ background:#eb6123 url(../images/prev.png) center no-repeat;}
.solute-wr .owl-theme .owl-controls .owl-buttons div.owl-next{ background:#a1a1a1 url(../images/next.png) center no-repeat; right:-34px;}
.solute-wr .owl-theme .owl-controls .owl-buttons div.owl-next:hover{ background:#eb6123 url(../images/next.png) center no-repeat;}
.protitle{ color:#1b1b1b; padding-top:40px; font-size:18px; line-height:normal; font-weight:normal; position:relative; }
.protitle span{ display:inline-block; line-height:35px; float:left; margin-right:24px;}
.product-info{ padding-bottom:30px;padding-top: 10px;}
.icu{ background:#ededed;}
.common-padd{ padding-top:25px;}
.product-down{ position:relative; width:188px; height:35px; line-height:35px; border:1px solid #d5d5d5; border:none; outline:none; font-family:微软雅黑; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor:pointer; transition:330ms; background:#fff url(../images/down1.png) 92% center no-repeat;}  
.product-d{ width:100%; position:absolute; background:#747474; padding-top:5px; padding-bottom:5px; left:0; top:30px; display:none;}
.product-d li a{ line-height:22px; color:#fff; padding-left:8px;}
.product-d li a:hover{ text-decoration:underline;}
.product-down >a{ display:block; line-height:35px; padding-left:8px; color:#5d5d5d; font-size:14px; position:relative; z-index:5; overflow:hidden;}
.vip .product-down,.ordinary .product-down{ width:100px;}
.vip .product-down a:before,.ordinary .product-down a:before{ display:none;}
.vip .product-down:before,.ordinary .product-down:before{ display:none;}
.vip .product-down:hover a{ color:#fff;}
.product-down:hover{ background:#eb6123 url(../images/down2.png) 92% center no-repeat;}
.product-down:hover >a{ color:#fff;}
.product-list{ margin-top:15px;}
.product-list li{ width:31%; float:left; margin-right:3.5%; margin-bottom:52px;}
.product-list li:nth-child(3n+3){ margin-right:0;}
.product-list li figure{ display:block; line-height:normal; overflow:hidden; position:relative;}
.product-list li figure img{ display:block; width:100%; height:auto; transition:424ms linear;}
.product-list li figcaption{ display:block; color:#5d5d5d; font-size:14px; line-height:normal; margin-top:14px; transition:350ms;}
.product-box .product-down{ float:left;}

.product-list li figure mark{ position:absolute; left:0; top:0; box-sizing:border-box; width:100%; height:100%; background:rgba(235,97,35,.2); background:#eb6123\9; filter:alpha(opacity=20); z-index:20; opacity:0; transform:skewX(45deg); visibility:hidden; transition:360ms;}
.product-list li figure mark b{ display:block; width:46px; height:46px; position:absolute; left:50%; top:50%; margin-left:-23px; margin-top:-23px; z-index:30;}
.product-list li figure mark b:before{ content:""; width:100%; height:1px; background:#eb6123; position:absolute; left:0; top:23px; transform:translateX(-200px); -webkit-transform:translateX(-200px); -moz-transform:translateX(-200px);}
.product-list li figure mark b:after{ content:""; width:1px; height:100%; background:#eb6123; position:absolute; left:23px; top:0; transform:translateY(-200px); -webkit-transform:translateY(-200px); -moz-transform:translateY(-200px);}
.product-list li figure mark:before{ content:""; width:100%; height:0%; border-left:3px solid #eb6123; border-right:3px solid #eb6123; box-sizing:border-box; position:absolute; left:0; top:0; transition:320ms;}
.product-list li figure mark:after{ content:""; width:0%; height:100%; border-top:3px solid #eb6123; border-bottom:3px solid #eb6123; box-sizing:border-box; position:absolute; left:0; top:0; transition:320ms;}
.product-list li:hover figure mark{ opacity:1; transform:skewX(0); visibility:visible;}
.product-list li:hover figure mark:before{ height:100%; transition:330ms 200ms;}
.product-list li:hover figure mark:after{ width:100%; transition:330ms 200ms;}
.product-list li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.product-list li:hover figure mark b:before{ transition:355ms 180ms; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0);}
.product-list li:hover figure mark b:after{ transition:355ms 240ms; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}
.product-list li:hover figcaption{ color:#eb6123; }

.vip{ background:#747474;}
.vip .product-down{ background:#ededed;}
.vip .product-list li figcaption{ color:#fff;}
.vip .product-list li:hover figcaption{ color:#eb6123;}
.ordinary{ background:#ffffff; border-bottom:1px solid #b9b9b9;}
.ordinary .product-down{ background:#747474;}
.ordinary .product-down a{ color:#fff;}
.ordinary .product-down a:before{ background:url(../images/down2.png) center no-repeat;}

.solute-title{ height:89px; background:url(../images/solute.jpg) left top repeat;}
.solute-title h3{ color:#1b1b1b; font-size:26px; line-height:normal; padding-top:38px;}
.solute-fix figure{ line-height:normal; overflow:hidden; display:block;}
.solute-fix figure img{ display:block; width:100%; height:auto;}
.solute-text{ padding:85px 0 68px;}
.solute-text p{ color:#5d5d5d; font-size:16px; line-height:2;}
.backpre{ text-align:right; margin-top:30px;}
.backpre a{ display:inline-block; color:#eb6123; font-size:14px; position:relative;}
.backpre a span{ width:0; display:block; left:50%; bottom:0; height:1px; background:#eb6123; transition:300ms;}
.backpre a:hover span{ width:100%; left:0;}

.producttt{ border-bottom:1px solid #ededed;}
.sorts{ padding:8px 0;}
.sorts a{ display:inline-block; float:left; color:#5d5d5d; font-size:14px; margin-right:5px;} 
.sorts a:hover{ color:#eb6123;}

#slider{ position:relative;}
#slider .slides{ width:100%; height:100%;}
#slider .slides li{ display:inline-block; width:100%; height:100%; position:relative; text-align:center; vertical-align: middle;}
#slider .slides li img{ display: inline-block; vertical-align: middle; width:100%; height:auto;}

#carousel{ width:100%; margin-top:14px; z-index:40;}
#carousel .slides li{ overflow:hidden; border-right:1px solid #fff; line-height:normal; position:relative; line-height:0;}
.news-fix{ overflow:hidden;}
#carousel .slides li img{ height:auto; width:100%; line-height:0; cursor:pointer; } 
#carousel .slides li:after{ content:""; width:100%; height:100%; box-sizing:border-box; border:2px solid #eb6123; position:absolute; left:0; top:0; opacity:0; transform:scale(0.77); -webkit-transform:scale(0.77); -moz-transform:scale(0.77); visibility:hidden; transition:350ms; z-index:10;}
#carousel .slides li.flex-active-slide:after{ opacity:1; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); visibility:visible;}
#carousel .carouseimg{ width:100%; margin:auto;}
.carouseimg{ position:relative; text-align:right;}
.carouseimg .slides{ display:inline-block; width:auto !important;}
#slider .flex-prev,#slider .flex-next{width:60px; height:60px; display:block; position:absolute; text-indent:888px; overflow:hidden; top:50%; margin-top:-31px; border:1px solid #fff; z-index:29; background:#fff\9; filter:alpha(opacity=50);}
#carousel .slides li:last-child{ margin-right:0 !important;}
#slider .flex-prev{ left:19px; background:rgba(255,255,255,0.5) url(../images/prev2.png) center no-repeat;}
#slider .flex-next{ right:19px; background:rgba(255,255,255,0.5) url(../images/next2.png) center no-repeat;}
#slider .flex-prev:hover{ border-color:#eb6123; background:#eb6123 url(../images/prev2.png) center no-repeat;}
#slider .flex-next:hover{ border-color:#eb6123; background:#eb6123 url(../images/next2.png) center no-repeat;}
#carousel .slides li:before{ content:""; width:100%; height:100%; cursor:pointer; transition:760ms; position:absolute; left:0; top:0; visibility:visible; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
#carousel .slides li.on:before{ transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); visibility:hidden;}
.model{ margin-top:110px; padding-bottom:100px;}
.model-info h3{ line-height:normal; color:#1b1b1b; font-size:26px; margin-bottom:10px;}
.model-info small{ display:block; line-height:normal; color:#5d5d5d; font-size:16px; padding-bottom:8px; border-bottom:1px solid #ededed;}
.model-list{ padding:22px 0 0;}
.model-list li{ width:130px;margin-right: 12px; text-align:center; margin-bottom:35px; float:left;}
.model-list li img{ display:block; height:auto; margin:auto;}
.model-list li span{ display:block;  color:#000000;text-align: left;text-align: center;height: 40px;overflow: hidden; font-size:14px; line-height:normal; margin-top:14px;}
.models-list{ padding-top:44px; border-top:1px solid #ededed;}
.models-list h2{ color:#000000; font-size:16px; line-height:normal; margin-bottom:30px;}
.models-list p{ color:#757575; font-size:16px; margin-bottom:5px; padding-left:24px;}
.ralac{ background:#ededed;}
.ralac .solute-banner{ float:none; margin-top:65px; width:auto;}
.ralac .solute-wr .owl-theme .owl-controls .owl-buttons div.owl-prev{ background:#fff url(../images/prev3.png) center no-repeat;}
.ralac .solute-wr .owl-theme .owl-controls .owl-buttons div.owl-next{ background:#fff url(../images/next3.png) center no-repeat;}
.ralac .solute-list .owl-item li{ padding:0 35px;}

/*成功案例*/
.case-box{ padding:100px 0 125px; background:#ededed;}
.cases{ margin-bottom:10px;}
.cases li{ width:32.2%; margin-right:1.7%; float:left; margin-bottom:60px;}
.cases li:nth-child(3n+3){ margin-right:0;}
.cases li figure{ display:block; overflow:hidden; line-height:normal;}
.cases li figure img{ display:block; width:100%; height:auto; line-height:0; transition:450ms;}
.cases li figcaption{ display:block; width:100%; height:70px; color:#6c6c6c; font-size:14px; background:#fff; margin-top:3px; position:relative; overflow:hidden;}
.cases li figcaption span{ display:block; line-height:70px; text-align:center; position:relative; z-index:5; transition:350ms;}
.cases li figcaption:before{ content:""; width:100%; height:100%; background:#eb6123; position:absolute; left:0; top:100%; transition:340ms;}
.cases li:hover figure img{ transform:scale(1.06); -webkit-transform:scale(1.06); -moz-transform:scale(1.06);}
.cases li:hover figcaption:before{ top:0;}
.cases li:hover figcaption span{ color:#fff;}

/*联系我们*/
.contact-box{ padding:126px 0 96px; background:#ededed;}
.address{ margin-bottom:54px;}
.address h2{ color:#eb6123; font-size:30px; line-height:normal; padding-bottom:18px; display:inline-block; padding-right:108px; border-bottom:1px solid #595757; margin-bottom:36px;}
.address span{ display:block; color:#595757; font-size:18px; margin-bottom:5px;}
.mapwr{ border:3px solid #eb6123;}
.map{ width:100%; height:510px;}
.anchorBL{ display:none !important;}
.contact-list{ margin-top:70px;}
.contact-info{ padding:48px 0 0 50px; width:470px; height:189px; background:#fff; box-shadow:0 2px 2px #d6d6d6; float:left; transition:430ms; margin-right:88px; margin-bottom:48px;}
.contact-info:nth-child(2n+2){ margin-right:0;}
.contact-info h3{ color:#595757; font-size:24px; line-height:normal; font-weight:normal; margin-bottom:25px; transition:368ms;} 
.contact-info p{ color:#595757; transition:368ms; font-size:16px; margin-bottom:3px;}
.contact-info p a{ color:#595757; display:inline-block; padding-right:30px; position:relative;}
.contact-info p a b{ display:block; width:17px; height:25px; background:url(../images/map1.png) center no-repeat; position:absolute; right:0; top:0px;}
.contact-info:hover{ background:#eb6123;}
.contact-info:hover h3{ color:#fff;}
.contact-info:hover p{ color:#fff;}
.contact-info:hover p a{ color:#fff;}
.contact-info:hover p a b{ background:url(../images/map2.png) center no-repeat;}
.contact-info p a:hover b{ animation:0.88s linear; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: BOUNCE; animation-name: BOUNCE;  -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-iteration-count: infinite;}
@-moz-keyframes BOUNCE{
	0% {
	    top:0;
	}
	25% {
	    top:3px;
	}
	50% {
	    top:8px;
	}
	75% {
	    top:3px;
	}
	100% {
	    top:0;
	}
}
@-webkit-keyframes BOUNCE{
	0% {
	    top:0;
	}
	25% {
	    top:3px;
	}
	50% {
	    top:8px;
	}
	75% {
	    top:3px;
	}
	100% {
	    top:0;
	}
}

.chance-box{ padding:84px 0 80px; background:#f7f7f7;}
.chance h1{ text-align:center; color:#505050; font-size:35px; line-height:normal; font-weight:normal; margin-bottom:42px;}
.chance p{ color:#787878; font-size:14px; text-align:center; line-height:2;}
.recruiment-box{ padding:94px 0 164px; background:#ededed;}
.recuite-title{ margin-bottom:76px;}
.recuite-title h3{ text-align:center; line-height:normal; color:#505050; font-size:35px; font-weight:normal; margin-bottom:16px;}
.recruite-fix{ width:1032px; margin:auto;}
.recuite-title small{ text-align:center; color:#c8c8c8; font-size:20px; font-family:Arial; line-height:normal; display:block;}
.recruite-t{ margin-bottom:20px;}
.recruite-t span{ color:#969696; display:block; float:left; font-size:14px; line-height:normal;}
.recruite-t span:nth-child(1){ padding-left:60px; width:132px;}
.recruite-t span:nth-child(2){ width:166px;}
.recruite-t span:nth-child(3){ width:143px;}
.recruite-t span:nth-child(4){ width:172px;}
.recruite-t span:nth-child(5){ width:175px;}
.recruite-t span:nth-child(6){ width:118px;}
.recruite-t span:nth-child(7){ width:66px;}
.recuite-info{ margin-bottom:28px;}
.recuite-top{ cursor:pointer; background:#838383; transition:366ms; position:relative; overflow:inherit;}
.recuite-info:nth-child(1) .recuites{ display:block;}
.recuite-top.on{ background:#eb6123;}
.recuite-top.on span{ color:#fff;}
.recuite-top.on span:last-child:after{ transform:translateY(50px); -webkit-transform:translateY(50px); -moz-transform:translateY(50px); opacity:0; visibility:hidden;}
.recuite-top span{ display:block; float:left; position:relative; color:#fff; font-size:14px; line-height:48px; transition:320ms;}
.recuite-top span:nth-child(1){ padding-left:60px; width:132px;}
.recuite-top span:nth-child(2){ width:166px;}
.recuite-top span:nth-child(3){ width:143px;}
.recuite-top span:nth-child(4){ width:172px;}
.recuite-top span:nth-child(5){ width:175px;}
.recuite-top span:nth-child(6){ width:118px;}
.recuite-top span:nth-child(7){ width:66px;}
.recuite-top span:last-child{ width:19px; height:19px; position:absolute; right:20px; top:14px;}
.recuite-top span:last-child:before{ content:""; width:19px; height:3px; background:#fff; position:absolute; left:0; top:8px;}
.recuite-top span:last-child:after{ content:""; width:3px; height:19px; background:#fff; position:absolute; left:8px; top:0; transition:320ms;}

.recuites{ padding:32px 58px 70px 58px; background:#fff; position:relative; border:1px solid #eb6123; border-top:none; display:none;}
.recuite-list{ margin-bottom:32px;}
.recuite-list strong{ font-weight:normal; line-height:normal; color:#969696; font-size:14px; margin-bottom:8px;}
.recuite-list p{ color:#969696; font-size:14px; margin-bottom:4px;}
.deliver{ margin-top:60px; padding-top:35px; border-top:1px solid #eeeeee;}
.deliver p{ color:#969696; font-size:14px; line-height:normal; margin-bottom:10px;}
.deliver a{ color:#eb6123; font-size:14px; text-decoration:underline;}
.showd{ display:block; padding-left:26px; color:#eb6123; font-size:14px; text-decoration:underline; background:url(../images/tshow.png) left center no-repeat; cursor:pointer; position:absolute; right:18px; bottom:20px; transition:322ms;}
.showd:hover{ background-position:left 2px;}
.loadmore{ margin:auto; margin-top:70px; width:140px; height:45px; text-align:center; line-height:45px; color:#eb6123; font-size:16px; border:3px solid #eb6123; overflow:hidden; position:relative;}
.loadmore a{ display:block; text-align:center; position:relative; z-index:5; line-height:45px; color:#eb6123; font-size:16px;}
.loadmore:before{ content:""; width:100%; height:100%; background:#eb6123; position:absolute; left:0; top:100%; transition:288ms;}
.loadmore:hover:before{ top:0;}
.loadmore:hover a{ color:#fff;}
.serviceline{ position:absolute; left:50%; margin-left:-600px; top:50%; margin-top:-110px;}
.line{ padding:30px 0 58px 35px; background:#eb6123; width:335px; float:right; border-bottom:8px solid #fff;}
.line h2{ color:#fff; font-size:18px; font-weight:normal; }
.line small{ display:block; line-height:normal; color:#fff; font-size:18px; font-family:Arial;}
.line b{ display:block; margin-top:30px; padding-left:54px; color:#fff; font-size:30px; line-height:40px; font-family:Arial; font-style:italic; background:url(../images/tel.png) 5px center no-repeat;}
.menu-box{ padding:50px 0; position:relative; z-index:20;}
.menu-inner{ text-align:center;}
.menu-inner li{ display:inline-block; text-align:center; margin-right:116px;}
.menu-inner li:last-child{ margin-right:0;}
.menu-inner li b{ display:block; width:100px; transition:340ms; height:100px; margin:auto; position:relative; background:url(../images/radius.png) center no-repeat; background-size:cover !important;}
.menu-inner li b:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/radius1.png) center no-repeat; transition:488ms; transform:scale(0.48); -webkit-transform:scale(0.48); -moz-transform:scale(0.48); opacity:0; visibility:hidden;}
.menu-inner li b i{ display:block; width:43px; height:43px; position:absolute; left:50%; top:50%; margin-left:-21px; margin-top:-21px; z-index:10;}
.menu-inner li span{ display:block; text-align:center; color:#595757; font-size:14px; margin-top:12px; transition:355ms;}
.menu-inner li:nth-child(1) b i{ background:url(../images/ser1.png) center no-repeat;}
.menu-inner li:nth-child(2) b i{ background:url(../images/ser2.png) center no-repeat;}
.menu-inner li:nth-child(3) b i{ background:url(../images/ser3.png) center no-repeat;}
.menu-inner li:nth-child(4) b i{ background:url(../images/ser4.png) center no-repeat;}
.menu-inner li:nth-child(5) b i{ background:url(../images/ser5.png) center no-repeat;}

.menu-inner li:hover b:before{ opacity:1; visibility:visible; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
.menu-inner li:hover span{ color:#eb6123;} 
.dotbox{ padding:142px 0 77px;}
.dotline{ width:366px; float:left;}
.dotline b{ color:#595757; display:block; font-size:26px; line-height:normal; margin-bottom:6px;}
.dot-list{ margin-top:62px;}
.dot-list h3{ color:#595757; font-weight:normal; line-height:normal; font-size:26px; padding-bottom:26px; border-bottom:1px solid #595757; margin-bottom:7px;}
.addredot p{ color:#5d5d5d; font-size:14px; margin-bottom:6px;}
.netWorkPage{ background:url(../images/service.png) center no-repeat; width: 755px; height: 554px; position: relative; float:right;}
.netWorkPage .nbox{ position: absolute;}

.netWorkPage a{ font:12px/1.2 "microsoft yahei",Arial, Helvetica, sans-serif;}

.smpa{ position:absolute; z-index:1;}
.smpa1{ left:291px; bottom:104px; width:140px; height:121px;}
.sico{ position:absolute; z-index:20; display:inline-block; color:#fff; font-size:13px;}
.smpa1 .sico{ top:35px; left:58px;}
.smpa .imap{ display:none;}
.smpa2{ left:393px; top:248px; width:74px; height:122px;}
.smpa2 .sico{ top:64px; left:34px;}
.smpa3{ left:391px; bottom:135px; width:64px; height:60px;}
.smpa3 .sico{ top:27px; left:16px;}
.smpa4{ left:370px; bottom:84px; width:76px; height:67px;}
.smpa4 .sico{ top:25px; left:31px;}
.smpa5{ left:294px; bottom:39px; width:110px; height:113px;}
.smpa5 .sico{ bottom:43px; left:34px;}
.smpa6{ left:59px; bottom:116px; width:257px; height:141px;}
.smpa6 .sico{ bottom:51px; left:117px;}
.smpa7{ left:0; top:85px; width:283px; height:248px;}
.smpa7 .sico{ left:156px; top:124px;}
.smpa8{ left:197px; top:256px; width:170px; height:118px; z-index:10;}
.smpa8 .sico{ left:80px; top:33px;}
.smpa9{ left:231px; top:197px; width:204px; height:161px;}
.smpa9 .sico{ left:133px; top:110px;}
.smpa10{ left:291px; top:3px; width:357px; height:283px;}
.smpa10 .sico{ left:152px; top:200px;}
.smpa11{ left:377px; top:251px; width:44px; height:68px;}
.smpa11 .sico{ left:14px; top:25px;}
.smpa12{ left:451px; top:229px; width:57px; height:99px;}
.smpa12 .sico{ left:12px; top:36px;}
.smpa13{ right:184px; top:201px; width:86px; height:110px;}
.smpa13 .sico{ left:12px; top:63px;}
.smpa14{ right:213px; top:226px; width:29px; height:29px;}
.smpa14 .sico{ left:-2px; top:4px;}
.smpa15{ right:205px; top:238px; width:21px; height:30px;}
.smpa15 .sico{ left:0px; top:14px;}
.smpa16{ right:0; top:0; width:174px; height:191px;}
.smpa16 .sico{ left:57px; top:117px;}
.smpa17{ right:46px; top:137px; width:122px; height:96px;}
.smpa17 .sico{ left:45px; top:36px;}
.smpa18{ right:113px; top:186px; width:88px; height:80px;}
.smpa18 .sico{ left:46px; top:21px;}
.smpa19{ right:150px; top:268px; width:101px; height:63px;}
.smpa19 .sico{ left:33px; top:25px;}
.smpa20{ right:226px; top:298px; width:82px; height:77px;}
.smpa20 .sico{ left:29px; top:25px;}
.smpa21{ right:157px; top:316px; width:73px; height:66px;}
.smpa21 .sico{ left:28px; top:20px;}
.smpa22{ right:190px; bottom:150px; width:63px; height:80px;}
.smpa22 .sico{ left:18px; top:40px;}
.smpa23{ right:230px; bottom:147px; width:98px; height:64px;}
.smpa23 .sico{ left:33px; top:22px;}
.smpa24{ right:248px; bottom:85px; width:77px; height:84px;}
.smpa24 .sico{ left:22px; top:21px;}
.smpa25{ right:202px; bottom:84px; width:63px; height:81px;}
.smpa25 .sico{ left:14px; top:35px;}
.smpa26{ right:156px; bottom:167px; width:18px; height:23px;}
.smpa26 .sico{ left:-10px; top:4px;}
.smpa27{ right:153px; bottom:120px; width:58px; height:60px;}
.smpa27 .sico{ left:18px; top:23px;}
.smpa28{ right:176px; bottom:70px; width:61px; height:69px;}
.smpa28 .sico{ left:14px; top:26px;}
.smpa29{ right:158px; bottom:49px; width:29px; height:50px;}
.smpa29 .sico{ left:1px; top:17px;}
.smpa30{ right:280px; bottom:43px; width:97px; height:70px;}
.smpa30 .sico{ left:38px; top:27px;}
.smpa31{ right:215px; bottom:29px; width:99px; height:72px;}
.smpa31 .sico{ left:42px; top:17px;}
.smpa32{ right:293px; bottom:1px; width:33px; height:30px;}
.smpa32 .sico{ left:2px; top:8px;}


.netbox{ border: 1px solid #791b65; background-color: #fff; padding: 20px; width: 402px; color: #575757; position: relative;}
.netbox .t{ font: 18px/1.5 "microsoft yahei"; margin-bottom: 18px; color: #000;}
.netbox .c{ position: relative;}
.netbox .btnmap{ color: #fff; float: right; display: block; background: url(../images/n3.png) no-repeat scroll 8px center #006ee3; padding-left: 20px; width: 54px; height: 22px; line-height: 22px;}
.netbox .btnmap:hover{ background-color: #CF1818;}
.netClose{ position: absolute; right: 10px; top: 10px; background: url(../images/netclise.png) no-repeat; width: 16px; height: 16px;}
.maps{ display:none; padding:120px 0 50px;}
.maps img{ width:100%; height:auto;}
.nets{ background:#ededed;}

.equivalent{ visibility:hidden; opacity:0;}
.content-box{ padding:128px 0; background-size:cover !important;}
.content h2{ color:#595757; font-weight:normal; font-size:26px; text-align:center; line-height:normal; margin-bottom:36px;}
.content-info{ position:relative; width:30.5%; float:left; margin-right:4.25%; overflow:hidden;}
.content-info:last-child{ margin-right:0;}
.content-info figure{ display:block; line-height:normal; overflow:hidden; position:relative;}
.content-info figure img{ display:block; width:100%; height:auto; line-height:0; transition:466ms;}
.content-info figcaption{ display:block; height:75px; line-height:75px; color:#5d5d5d; font-size:16px; text-align:center; background:#fff; position:absolute; left:0; bottom:0; width:100%; transition:335ms;}
.content-text{ width:100%; height:100%; background:rgba(235,97,35,0.8); background:#eb6123\9; filter:alpha(opacity=80); box-sizing:border-box; padding:9px; position:absolute; left:0; top:0; opacity:0; visibility:hidden; transform:rotateY(-90deg); transition:450ms;}
.content-wr{ padding:50px 24px 32px 22px;}
.content-wr:before{ content:""; width:95%; height:95%; position:absolute; left:2.5%; top:2.5%; border-left:1px solid #fff; border-right:1px solid #fff; box-sizing:border-box;}
.content-wr:after{ content:""; width:95%; height:95%; position:absolute; left:2.5%; top:2.5%; border-top:1px solid #fff; border-bottom:1px solid #fff; box-sizing:border-box;}

.content-wr h3{ color:#ffffff; font-size:20px; line-height:normal; font-weight:normal; padding-bottom:22px; border-bottom:1px solid #fff; }
.content-wr p{ color:#ffffff; font-size:14px; margin-top:42px;}
.content-wr span{ color:#ffffff; font-size:14px; position:absolute; left:32px; bottom:38px; z-index:10;}
.content-wr span:hover{ text-decoration:underline;}
.content-info:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.content-info:hover figcaption{ bottom:-100%;}
.content-info:hover .content-text{ opacity:1; transform:rotateY(0); visibility:visible;}
.maintenance{ padding:110px 0 70px;}
.mainten{ background:#ededed; position:relative;}
.mainten figure{ display:block; width:50%; float:left; line-height:normal; overflow:hidden; position:relative;}
.mainten figure img{ display:block; width:100%; height:auto; line-height:0;}
.mainten figcaption{ display:block; position:absolute; left:50%; top:0; width:50%; height:100%;}
.mainten figcaption .main-wr{ position:absolute; box-sizing:border-box; padding:0 34px; width:100%; top:50%; margin-top:-160px; height:320px;}
.mainten figcaption .main-wr h3{ color:#595757; font-size:26px; line-height:normal; font-weight:normal; margin-bottom:18px;}
.mainten figcaption .main-wr p{ color:#5d5d5d; font-size:14px; line-height:2;}
.mainten figcaption .main-wr a{ display:inline-block; color:#eb6123; font-size:14px; position:absolute; left:34px; bottom:0;}
.mainten figcaption .main-wr a:hover{ text-decoration:underline;}
.load-box{ padding:136px 0 162px; background-size:cover !important;}
.download-area{ width:300px; float:left;}
.download-area h3{ color:#595757; font-size:26px; font-weight:normal; line-height:normal; margin-bottom:44px;}
.download-area p{ color:#595757; line-height:2; font-size:14px;}
.downlaod-list{ width:770px; float:right;}
.down-title{ background:#595757; padding:0 73px 0 60px;}
.down-title span{ display:block; height:70px; line-height:70px; color:#fff; font-size:16px; float:left;}
.down-title span:last-child{ float:right;}
.down-content{ border-bottom:1px solid #d6e5f0; overflow:hidden; background:#fff; padding:0 51px 0 42px; height:70px; position:relative;}
.down-content a{ display:block; height:71px;}
.down-content span{ display:inline-block; position:relative; z-index:5; float:left; color:#606060; font-size:14px; margin-top:26px;}
.down-btn{ float:right; padding-top:23px; position:relative; z-index:5;}
.down-btn b{ display:block; width:26px; height:26px; float:left; background:url(../images/loads.png) center no-repeat; transition:330ms;}
.down-btn strong{ display:inline-block; float:left; color:#606060; font-size:14px; margin-left:12px; line-height:26px; font-weight:normal; transition:320ms;}
.down-content a:before{ content:""; width:100%; height:100%; background:#eb6123; position:absolute; left:0; top:100%; transition:344ms;}
.down-content a:hover:before{ top:0;}
.down-content a:hover span{ color:#fff;}
.down-content a:hover .down-btn{ padding-top:42px; width:77px;}
.down-content a:hover .down-btn b{ background:url(../images/loads1.png) center no-repeat; position:absolute; left:50%; top:8px; margin-left:-13px;}
.down-content a:hover .down-btn strong{ display:block; text-align:center; color:#fff; float:none; margin-left:0;}
.downlaod-list .flex-direction-nav{ height:31px;}
.downlaod-list .flex-direction-nav li{ display:inline-block; float:left; margin-top:14px;}
.downlaod-list .flex-direction-nav li:nth-child(1){ border-right:1px solid #686869; line-height:0;}
.downlaod-list .flex-direction-nav li a{ display:inline-block; width:32px; height:31px; text-indent:999px; overflow:hidden; transition:330ms;}
.downlaod-list .flex-direction-nav li a.flex-prev{ background:#595757 url(../images/prev.png) center no-repeat;}
.downlaod-list .flex-direction-nav li a.flex-next{ background:#595757 url(../images/next.png) center no-repeat;}
.downlaod-list .flex-direction-nav li a.flex-prev:hover{ background:#eb6123 url(../images/prev.png) center no-repeat;}
.downlaod-list .flex-direction-nav li a.flex-next:hover{ background:#eb6123 url(../images/next.png) center no-repeat;}

.feedback-box{ padding:120px 0; background:#ededed;}
.feedback-right{ width:770px; float:right;}
.feedbackinput{ margin-bottom:44px;}
.inputinfo{ float:left; border-radius:2px; box-shadow:0 2px 2px #d6d6d6; background:#fff;}
.inputinfo span{ display:inline-block; float:left; padding-left:16px; line-height:43px; color:#747474; font-size:14px;}
.inputinfo input{ width:314px; float:left; height:43px; line-height:43px; padding:
0; padding-left:6px; background:none; border:none; outline:none; font-family:微软雅黑; font-size:14px; color:#747474;}
.inputinfo:nth-child(2){ float:right;}
.inputinfo:nth-child(3){ margin-top:20px; border-radius:6px;}
.inputinfo textarea{ width:682px; padding:12px 0; height:204px; float:left; font-family:微软雅黑; border:none; outline:none;}
.feed-sub input{ width:100%; height:50px; line-height:50px; color:#ffffff; font-size:18px; text-align:center; padding:0; border:none; outline:none; transition:340ms; background:#eb6123; font-family:微软雅黑; cursor:pointer;}
.feed-sub input:hover{ opacity:0.78;}

.value-title.article-block small,.value-title.article-block h2{ position:relative; top:30px; opacity:0;}
.value-title.articleShow small,.value-title.articleShow h2{ opacity:1; top:0; transition:440ms 120ms;}
.value-title.articleShow h2{ transition:466ms 340ms;}

.solutions.article-block .solutes,.solutions.article-block .solute-info{ top:54px; opacity:0;}
.solutions.articleShow .solutes,.solutions.articleShow .solute-info{ top:0; opacity:1; transition:688ms 200ms;}
.solutions.articleShow .solute-info:nth-child(2){ transition:688ms 400ms;}
.solutions.articleShow .solute-info:nth-child(3){ transition:688ms 600ms;}
.solutions.articleShow .solute-info:nth-child(4){ transition:688ms 800ms;}
.solutions.articleShow .solute-info:nth-child(5){ transition:688ms 1000ms;}
.solutions.articleShow .solute-info:nth-child(6){ transition:688ms 1200ms;}
.solutions.articleShow .solute-info:nth-child(7){ transition:688ms 1400ms;}
.solutions.articleShow .solute-info:nth-child(8){ transition:688ms 1600ms;}
.solutions.articleShow .solute-info:nth-child(9){ transition:688ms 1800ms;}
.solutions.articleShow .solute-info:nth-child(10){ transition:688ms 2000ms;}
.solutions.articleShow .solute-info:nth-child(11){ transition:688ms 2200ms;}
.solutions.articleShow .solute-info:nth-child(12){ transition:688ms 2400ms;}
.solutions.articleShow .solute-info:nth-child(13){ transition:688ms 2600ms;}

.case-banner.article-block,.customer.article-block{ transform:translateX(-600px); -webkit-transform:translateX(-600px); -moz-transform:translateX(-600px); opacity:0; visibility:hidden;}
.customer.article-block{ transform:translateX(600px); -webkit-transform:translateX(600px); -moz-transform:translateX(600px);}
.case-banner.articleShow,.customer.articleShow{ opacity:1; visibility:visible; transition:1200ms 300ms; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0);}

.idea.article-block .idea-info{ opacity:0; top:55px;}
.idea.articleShow .idea-info{ opacity:1; top:0; transition:680ms 0ms;}
.idea.articleShow .idea-info:nth-child(2){ transition:680ms 300ms;}
.idea.articleShow .idea-info:nth-child(3){ transition:680ms 600ms;}

.linefix{ position:fixed; right:20px; bottom:10%; z-index:199;}

.search { min-width:35px; position: relative; float:left; margin-top:22px; margin-left:20px;}
.search input[type=text] { width:0px; opacity:0; visibility:hidden; border:1px solid #5d5d5d; border-radius:16px; box-sizing: border-box; padding-left: 8px; height: 30px; background: none; outline: none; line-height: 30px; color: #787a82; font-size: 14px; font-family: Arial; transition:455ms ease-in-out;}
.search input[type=button] { width: 35px; height: 30px; position: absolute; right: 0; top: 0; background: url(../images/search1.png) center no-repeat; cursor: pointer; border: none; outline: none; z-index: 5; transition:366ms ease-in-out;}
.search input[type=button]:hover{ background:url(../images/search2.png) center no-repeat;}
.search.active-search input[type="text"] { opacity: 1; width:160px; visibility:visible;}
.header-right .jiathis_style{ float:left; margin-top:30px; margin-left:6px;}
.header-right .jiathis_style a{ display:block; margin-left:12px; float:left;}
.header-right .jiathis_style .jtico{ padding-left:30px !important; height:18px !important; transition:355ms;}
.header-right .jiathis_style .jtico_tsina{ background:url(../images/weib.png) center no-repeat !important;}
.header-right .jiathis_style .jtico_linkedin{ background:url(../images/qq.png) center no-repeat !important;}
.header-right .jiathis_style .jtico_weixin{ background:url(../images/weix.png) center no-repeat !important;}
.header-right .jiathis_style .jtico:hover{ opacity:1;}
.header-right .jiathis_style .jtico_linkedin:hover{ background:url(../images/qq1.png) center no-repeat !important;}
.header-right .jiathis_style .jtico_tsina:hover{ background:url(../images/weib1.png) center no-repeat !important;}
.header-right .jiathis_style .jtico_weixin:hover{ background:url(../images/weix1.png) center no-repeat !important;}

.iphne-mnue { width: 90%; margin:auto; position: relative; border-bottom: 1px solid #5f6269; margin-top:66px;}
.iphne-mnue input[type=text] { width: 100%; box-sizing: border-box; padding-left: 8px; height: 40px; border: none; background: none; outline: none; line-height: 40px; color: #787a82; font-size: 20px; font-family: Arial; }
.iphne-mnue input[type=button] { width: 50px; height: 50px; position: absolute; right: 0; top: 0; background: url(../images/search1.png) center no-repeat; cursor: pointer; border: none; outline: none; z-index: 5; }
.sharelist .jiathis_style{ margin-top:0; float:none;}
.sharelist .jiathis_style a{ margin-left:0;}

.product-view{ border-top:1px solid #ededed;}
.sort-bg{ background:#ededed;}
.sorts{ margin:auto;}
.product-inn{ margin:auto; margin-top:34px;}
.modeo{ margin:auto;}
.model{ margin-top:0;}
.modelimsg img{ width:50%; height:auto;}
.modelimsg{ margin-bottom:20px;}
.models-list img{ max-width:100%; height:auto;}
.solute-fix{ margin:auto; margin-bottom:45px;}
.paddno{ padding-left:0;}
.addleft{ float:left;} 
.address .footer-right{ margin-top:114px;}
.sorts,.product-inn{ width:1100px;}

.banner .flex-direction-nav{ display:none;}

.serachT { font: 36px/1.5 "Microsoft JhengHei"; color: #5899dd; padding: 6% 0px; }
.serachI { background-color: #eb6123; color: #5d5d5d; padding: 36px 30px; line-height: 30px; margin-bottom: 8%; }
.serachI .snum { font-style: italic; padding-left: 12px; color: #fff;}
.serachI .stxt { border: 1px solid #b8c9dc; padding: 0px 17px; height: 30px; width: 30%; float: left; color: #6D6B6B; }
.serachI .stxt:focus { box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.6); }
.serachI .sbtn { background-color: #fff;cursor: pointer;  overflow: hidden; text-align: center; width: 85px; border: 0px none; height: 32px; line-height: 32px; float: left; margin-left: 14px; }
.serachlist a:link, .serachlist a:visited { color: #a9a9a9; }
.serachlist a:active, .serachlist a:hover { color: #767676; }
.serachlist dd { border-bottom: 1px solid #cccccc; font-size: 14px; color: #a9a9a9; padding-bottom: 24px; margin-bottom: 30px; }
.serachlist dd .num { float: left; display: block; padding-right: 26px; font-size: 18px; line-height: 1.4; }
.serachlist dd .blue { color: #5899dd; text-decoration: underline; }

.iphonemap{ position:relative; display:none; float:left; width:100%;}
.iphonemap .netbox{ width:100%; box-sizing:border-box; margin-top:28px; border:none;}
.iphonemap .netClose{ display:none;}


.menus .jiathis_style{ margin-left:5%;}
.menus .jiathis_style .jtico{ margin-right:10px;}
.edite{ float:left; margin-top:12px; margin-left:5%;margin-bottom: 20px;}
.edite b{ color:#033257; font-size:18px; line-height:normal; margin-bottom:10px;}
.edifix a{ display:inline-block; line-height:normal; float:left; color:#646464; font-size:14px;}
.edifix a:nth-child(1){ padding-right:10px; position:relative;}
.edifix a:nth-child(1):before{ content:""; width:1px; height:14px; background:#a0a0a0; position:absolute; right:0; top:3px;}
.edifix a:nth-child(2){ padding-left:10px;}
.edifix a:hover{ color:#f7a300;}

h1{font-size: 2.4em;line-height: 1em;font-weight: 900;color: #000; margin: 0 0 50px 0;text-align:left;}
h2{font-size: 1.8em;line-height: 1em;font-weight: 700;color: #000; margin: 0 0 30px 0;text-align:left;}